一個設計或者說一個造型，最先被大家注意的往往都是顏色，就好像你走在人潮壅擠的路上，總是會有一個穿著顏色鮮豔的人馬上吸引你的目光，那麼網頁的道理也是一樣，首先做出顏色上的變化。
今天要來介紹的就是在CSS中做顏色的設定，屬性的名稱是color，如果你忘記CSS的語法，可以回到上一篇""CSS的使用方法""，剛好示範的程式碼就是使用顏色的設定。

color

color屬性用來決定顏色，不論是文字、背景、邊框的顏色設定都會用到color，只不過會加上個background或是board之類的，那些我們在後面介紹到其他物件設定時會再講到，現在就以最基本的文字顏色設定做講解吧!

<span style="color: pink;">我要讓顏色變粉色</span>

當你把想要的顏色英文單字寫到冒號後面時，你會發現有時候自己根本就不知道那個顏色的正確單字，難道我們還要一個一個的慢慢查字典嗎?是也可以啦~不過如果有人幫你整理成一張查表不是方便很多嗎!
那就是 色碼錶!!!
在色碼錶中，我們把所~有的顏色都編列成字母和數字，如下圖:

(色碼錶圖片來源:https://toodoo.com/db/color.html)
我們只要把原本英文單字的部分換成顏色號碼就可以了

<span style="color: #FFB7DD">我要讓顏色變粉色</span>

結果都會是一樣的喔!
試著打打看吧~